<template>
  <div>
    <h1 v-if="isShow">{{msg}}</h1>
    <h1 v-show="isShow">你好世界</h1>
    <button @click="fun">切换显示隐藏</button>
  </div>
</template>

<script>
  export default{
    data(){
      // 1. v-if
      // 2. v-show
      return {
        msg:"hello world",
        isShow:true
      }
    },
    methods:{
      fun(){
        this.isShow = !this.isShow
      }
    }
  }
</script>

<style>

</style>
